<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>list方位</title>
    <style>
        ul.out{
            list-style-position: outside;
        }
        ul.in{
            list-style-position: inside;
        }
    </style>
</head>
<body>
    test
    <ul class="out">
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>
    test
    <ul class="in">
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>        
    </ul>
</body>